const routes = [
  {
    path: '/',
    component: () => import('layouts/MainLayout.vue'),
    children: [
      { path: 'my-profile', component: () => import('pages/MyProfilePage.vue'), meta: { requiresAuth: true }  },
      { path: 'my-timetable', component: () => import('pages/MyTimetablePage.vue'), meta: { requiresAuth: true }  },
      { path: 'manage-schedules', component: () => import('pages/ManageSchedulesPage.vue'), meta: { requiresAuth: true }  },
      { path: 'doctors', component: () => import('pages/ManageDoctorsPage.vue'), meta: { requiresAuth: true }  },
      { path: 'study-plans', component: () => import('pages/ManageStudyPlans.vue'), meta: { requiresAuth: true }  },
      { path: 'modalities', component: () => import('pages/ManageModalitiesPage.vue'), meta: { requiresAuth: true }  },
      { path: '', component: () => import('pages/IndexPage.vue'), meta: { requiresAuth: true }  }
    ]
  },
  {
    path: '/auth',
    component: () => import('layouts/AuthLayout.vue'),
    children: [
      { path: 'login', component: () => import('pages/LoginPage.vue') },
    ]
  },

  // Always leave this as last one,
  // but you can also remove it
  {
    path: '/:catchAll(.*)*',
    component: () => import('pages/ErrorNotFound.vue')
  }
]

export default routes
